<style type="text/css" media="screen">

    .weui-cells__title{
        color:#000;
        font-size:17px;
    }
    .weui-cell::before{
      border-top:none;
    }
    .weui-cells::before{
      border-top:none;
    }
    .weui-cells::after{
        border-bottom: none;
    }
    .my-weui-cell{
        /* border-top: 1px solid #e5e5e5; */
        border-bottom: 1px solid #e5e5e5;
    }
    .inline-input {
        border: 1px solid #ccc;
        display:inline;
        width:150px;
    }

    .page__hd {
        /* padding: 0px; */
        padding: 0px 5px;
        padding-top: 10px;
        /* border: 1px solid #000; */
    }
    .page__title{
        margin-top: 5px;
        font-size: 20px;
        color: #333;
        text-align: center;
    }
    .weui-panel__hd
    {
        font-size: 15px;
    }
    .header-img{
        width: 100%;
    }
</style>

<form name="form1" id="form1"  role="form" data-toggle="validator" method="POST" action="">
    <div class='weui-mask_transparent' id="toast">
        <div class="weui-toast weui_loading_toast weui-toast--visible" >
            <div class="weui_loading">
                <i class="weui-loading weui-icon_toast"></i>
            </div>
            <p class="weui-toast_content">数据加载中</p>
        </div>
    </div>
    <div class="page">
        <header class='demos-header'>
            <img src="__CDN__/assets/img/school.jpg" class="header-img">
        </header>
        <div class="page__hd">
            <div class="page__title" id="title">
                  学校班车预约
            </div>
        </div>
        <div class="page__bd">
            <div class="weui-cells weui-cells_form">
                <div class="my-weui-cell">
                    <div class="weui-cells__title">人员类型</div>
                    <div class="weui-cells weui-cells_checkbox">
                        <label class="weui-cell weui-check__label" >
                            <div class="weui-cell__hd">
                                <input required type="radio" class="weui-check"  name="row[type]" value="1" tips="请选择人员类型">
                                <i class="weui-icon-checked"></i>
                            </div>
                            <div class="weui-cell__bd">在编人员</div>
                        </label>
                        <label class="weui-cell weui-check__label">
                            <div class="weui-cell__hd">
                                <input required type="radio"  class="weui-check"  name="row[type]" value="2" tips="请选择人员类型">
                                <i class="weui-icon-checked"></i>
                            </div>
                            <div class="weui-cell__bd">编外人员</div>
                        </label>
                        <div class="weui-cell__ft">
                            <i class="weui-icon-warn"></i>
                        </div>
                    </div>
                </div>
                <div class ="my-weui-cell" id="div_tel">
                    <div class="weui-cells__title" id="tel_lable">姓名</div>
                    <div class="weui-cell">
                        <div class="weui-cell__bd">
                            <input class="weui-input" type="text" name='row[nickname]' id='tel' required placeholder="请填写姓名">
                        </div>
                        <div class="weui-cell__ft">
                            <i class="weui-icon-warn"></i>
                        </div>
                    </div>
                </div>

                <div class ="my-weui-cell" id="div_tel">
                    <div class="weui-cells__title" id="tel_lable">手机号/教工号</div>
                    <div class="weui-cell">
                        <div class="weui-cell__bd">
                            <input class="weui-input" type="tel" name='row[tel]' id='tel' required placeholder="请填写手机号/教工号">
                        </div>
                        <div class="weui-cell__ft">
                            <i class="weui-icon-warn"></i>
                        </div>
                    </div>
                </div>


                <div class ="my-weui-cell">
                    <div class="weui-cells__title">乘坐日期:</div>
                    <div class="weui-cell">
                        <div class="weui-cell__bd">
                            <input class="weui-input datetime-picker check_time" name='row[check_time]' type="text" value="{$tomorrow}"  data-toggle="date" required placeholder="请选择乘坐日期">
                        </div>
                        <div class="weui-cell__ft">
                            <i class="weui-icon-warn"></i>
                        </div>
                    </div>
                </div>

<!--                <div class ="my-weui-cell">-->
<!--                    <div class="weui-cells__title">乘车类型</div>-->
<!--                    <div class="weui-cells weui-cells_checkbox">-->
<!--                        <label class="weui-cell weui-check__label">-->
<!--                            <div class="weui-cell__hd">-->
<!--                                <input required type="radio" class="weui-check" name="row[state]" value="1" tips="请选择去平度乘车类型">-->
<!--                                <i class="weui-icon-checked"></i>-->
<!--                            </div>-->
<!--                            <div class="weui-cell__bd">去平度</div>-->
<!--                        </label>-->
<!--                        <label class="weui-cell weui-check__label">-->
<!--                            <div class="weui-cell__hd">-->
<!--                                <input required type="radio" class="weui-check" name="row[state2]" value="2" tips="请选择回城阳乘车类型">-->
<!--                                <i class="weui-icon-checked"></i>-->
<!--                            </div>-->
<!--                            <div class="weui-cell__bd">回城阳</div>-->
<!--                        </label>-->
<!--                        <div class="weui-cell__ft">-->
<!--                            <i class="weui-icon-warn"></i>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                </div>-->
                <div class="my-weui-cell time_solt">
                    <div class="weui-cells__title">请选择去平度乘坐时间:</div>
                    {volist name="bus_list" id="vo"}
                    {if $vo.type eq 1}
                    <div class="weui-cells weui-cells_checkbox go_pingdu_old">
                        <label class="weui-cell weui-check__label">
                            <div class="weui-cell__hd">
                                <input required type="radio" class="weui-check" name="row[time_slot]" value="{$vo.id}" tips="请选择去平度乘坐时间">
                                <i class="weui-icon-checked"></i>
                            </div>
                            <div class="weui-cell__bd">{$vo.times}&nbsp;&nbsp;&nbsp;{$vo.address}</div>
                        </label>
                    </div>
                    {/if}
                    {/volist}
                    <div class="weui-cells weui-cells_checkbox go_pingdu">
                    </div>
                    <div class="weui-cell__ft">
                        <i class="weui-icon-warn"></i>
                    </div>
                </div>

                <div class="my-weui-cell time_solt2" >
                    <div class="weui-cells__title">请选择回城阳乘坐时间:</div>
                    {volist name="bus_list" id="vo"}
                    {if $vo.type eq 2}
                    <div class="weui-cells weui-cells_checkbox go_chengyang_old">
                        <label class="weui-cell weui-check__label">
                            <div class="weui-cell__hd">
                                <input required type="radio" class="weui-check" name="row[time_slot2]" value="{$vo.id}" tips="请选择回城阳乘坐时间">
                                <i class="weui-icon-checked"></i>
                            </div>
                            <div class="weui-cell__bd">{$vo.times}&nbsp;&nbsp;&nbsp;{$vo.address}</div>
                        </label>
                    </div>
                    {/if}
                    {/volist}
                    <div class="weui-cells weui-cells_checkbox go_chengyang">
                    </div>
                    <div class="weui-cell__ft">
                        <i class="weui-icon-warn"></i>
                    </div>
                </div>

                <div  style="margin-top: 15px;">
                    <button id="formSubmitBtn" type="button" class="weui-btn weui-btn_success">预约</button>
                </div>
        </div>
    </div>
</form>
<div style="display: none">
    <script type="text/javascript" src="https://s4.cnzz.com/z_stat.php?id=1278607366&web_id=1278607366"></script>
</div>
<script type="text/javascript">
       var wait =3;
       var interval = setInterval(function () {
        var time = --wait;
           if (time <= 0) {
              document.getElementById('toast').style.display="none";
        }
    }, 1000);
</script>